﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Subcategories.aspx.cs" Inherits="_Categories" Theme="Default" %>

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/banners.js"></script>
    <link rel="stylesheet" href="styles/banners.css" />
    <script type="text/javascript" src="js/fancybox/jquery.easing-1.3.pack.js"></script>
    <script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
    <link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css"
        media="screen" />
    <script type="text/javascript" language="javascript">
        //<![CDATA[

        $(document).ready(function () {
            banner1();
            banner2();
            banner3();

            //Video youtube
            $(".various").fancybox({
                'transitionIn': 'none',
                'transitionOut': 'none'
            });

            $('#drpCategories').change(function () {
                window.location.href = "Categories.aspx?c=" + $('#drpCategories').val();
            });
        });

        //]]>

    </script>
    <style type="text/css">
        .various
        {
            color: #9A876F;
            text-decoration: none;
            font-size: 14px;
            font-weight: bold;
        }

            .various:hover
            {
                color: #A8C32D;
            }
    </style>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:HiddenField ID="scid" runat="server" Value="0" />
    <asp:HiddenField ID="pn" runat="server" Value="1" />
    <div class="category-left">
        <div class="category-map">
            <%--<asp:Label ID="lblRoute" runat="server"></asp:Label>--%>
            <asp:HyperLink ID="lblRoute" runat="server" CssClass="pathLink"></asp:HyperLink>
            <asp:HyperLink ID="lblRoute1" runat="server" CssClass="pathLink"></asp:HyperLink>
            <asp:HyperLink ID="lblRoute2" runat="server" CssClass="pathLink"></asp:HyperLink>
        </div>
        <br />
        <div class="subcategories-left">
            <asp:DropDownList ID="drpCategories" runat="server" CssClass="box-brop" ClientIDMode="Static">
                <asp:ListItem Text="Categoria" Value="0"></asp:ListItem>
            </asp:DropDownList>
            <div class="subtegories" id="subcategories" runat="server">
            </div>
        </div>
        <div class="categories-content">
            <div>
                <asp:Image ID="sectionTop" runat="server" />
                <div style="text-align: right; margin: 5px;">
                    <ul>
                        <li><a class="various iframe" id="linkVerVideo" runat="server" style="">Ver video</a></li>
                    </ul>
                </div>
            </div>
            <div style="height: 15px;">
            </div>
            <div class="content-text" id="contenttext" runat="server">
            </div>
            <div style="height: 15px;">
            </div>
            <div class="product-filter">
                <asp:Label ID="filterlabel" Text="Filtrar productos: " runat="server"></asp:Label>
                <asp:DropDownList ID="drpAvailables" runat="server">
                    <asp:ListItem Text="Disponibles" Value="0"></asp:ListItem>
                </asp:DropDownList>
                <asp:DropDownList ID="drpOrderBy" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ApplyFilters">
                    <asp:ListItem Text="Ordenar por" Value="0"></asp:ListItem>
                    <asp:ListItem Text="Nombre A - Z" Value="1"></asp:ListItem>
                    <asp:ListItem Text="Nombre Z - A" Value="2"></asp:ListItem>
                    <asp:ListItem Text="Precio Menor - Mayor" Value="3"></asp:ListItem>
                    <asp:ListItem Text="Precio Mayor - Menor" Value="4"></asp:ListItem>
                </asp:DropDownList>
            </div>
            <div style="height: 15px;">
            </div>
            <div class="content-subcategories-list" id="productslist" runat="server">
            </div>
            <div style="height: 15px;">
            </div>
            <div class="paginator" id="paginator" runat="server">
            </div>
            <br />
        </div>
        <br style="clear: both;" />
    </div>
    <div class="category-right">
        <div class="main_view">
            <div class="window" id="window">
                <div class="image_reel" id="imagereel" runat="server" clientidmode="Static">
                </div>
                <div class="paging" id="paging" runat="server" clientidmode="Static">
                </div>
            </div>
        </div>
        <div class="main_view">
            <div class="window" id="window2">
                <div class="image_reel" id="imagereel2" runat="server" clientidmode="Static">
                </div>
                <div class="paging2" id="paging2" runat="server" clientidmode="Static">
                </div>
            </div>
        </div>
        <div class="main_view">
            <div class="window" id="window3">
                <div class="image_reel" id="imagereel3" runat="server" clientidmode="Static">
                </div>
                <div class="paging" id="paging3" runat="server" clientidmode="Static">
                </div>
            </div>
        </div>
    </div>
</asp:Content>
